<!DOCTYPE html>
<html lang="zh">
<head>
 <meta charset="UTF-8">
</head>
<style>
 .rr{
  width: 280px;
  height: 300px;
  background: url(a1.jpg) no-repeat,
  url(a2.jpg) 24px 29px no-repeat,
  url(a3.jpg) 50px 60px no-repeat;
  background-size: 50%;
  margin: 10%;
  border: 1px solid black;
 }
 .vvv{
  display: flex;
  align-items: center;
  font-weight: bold;
 }
 
 .vvv .a1{
  display: block;
  width: 40px;
  height: 42px;
  /* border: 1px solid black; */
  background-position: 0 -192px;
  background-repeat: no-repeat;
  background-image: url(bbbb.png);
  text-indent: -900px;
 }
 .vvv .a2{
  margin-left:100px;
  display: block;
  width: 40px;
  height: 42px;
  /* border: 1px solid black; */
  background-position: -40px -192px;
  background-repeat: no-repeat;
  background-image: url(bbbb.png);
  text-indent: -900px;
 }
 .vvv .a3{
  margin-left:100px;
  display: block;
  width: 40px;
  height: 42px;
  /* border: 1px solid black; */
  background-position: -80px -192px;
  background-repeat: no-repeat;
  background-image: url(bbbb.png);
  text-indent: -900px;
 }
 .vvv .a4{
  margin-left:100px;
  display: block;
  width: 40px;
  height: 42px;
  /* border: 1px solid black; */
  background-position: -120px -192px;
  background-repeat: no-repeat;
  background-image: url(bbbb.png);
  text-indent: -900px;
 }
</style>
<body>
 <div class="rr"></div>
 <div class="vvv">
  <span class="a1">多</span>
  <span>品类齐全，轻松购物</span>
  <span class="a2"></span>
  <span>多仓直发，极速配送</span>
  <span class="a3"></span>
  <span>正品行货，精致服务</span>
  <span class="a4"></span>
  <span>天天低价，畅选无忧</span>
 </div>
</body>
</html>